<%--
  Created by IntelliJ IDEA.
  User: 如烟
  Date: 2020/9/23
  Time: 12:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Hotel Template">
    <meta name="keywords" content="Hotel, unica, creative, html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>假日酒店</title>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Taviraj:300,400,500,600,700,800,900&display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">

    <!-- Css Styles -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/flaticon.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/linearicons.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/nice-select.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/slicknav.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/style.css" type="text/css">
</head>

<body>
<!-- Page Preloder -->
<div id="preloder">
    <div class="loader"></div>
</div>

<!-- Header Section Begin -->
<header class="header-section other-page">
    <div class="container-fluid">
        <div class="inner-header">
            <div class="logo">
                <a href="${pageContext.request.contextPath}/user/hotelInit"><img src="${pageContext.request.contextPath}/static/img/logo.png" alt=""></a>
            </div>
            <div class="top-widget">
                <div class="top-info address">
                    <img src="${pageContext.request.contextPath}/static/img/placeholder.png" alt="">
                    <span><a href="https://www.gaode.com/search?id=B001C7X368&city=510104&geoobj=103.270242%7C30.172919%7C105.552962%7C31.199055&query_type=IDQ&query=%E6%98%A5%E7%86%99%E8%B7%AF&zoom=9.35">成都市</a> </span>
                </div>
                <div class="top-info phone-num">
                    <img src="${pageContext.request.contextPath}/static/img/phone.png" alt="">
                    <span>028-82879625</span>
                </div>
            </div>
            <div class="container">
                <nav class="main-menu mobile-menu">
                    <ul>
                        <li><a href="${pageContext.request.contextPath}/user/index">主页</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/aboutusInit">关于</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/homeShowInit">房间</a>
                            <ul class="drop-menu">
                                <%--                                <c:forEach items="${allRoom}" var="allRoom"></c:forEach>--%>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=总统套房">总统套房</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=普通海景房">普通海景房</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=单人间">单人间</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=双人间">双人间</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=三人间">三人间</a></li>
                            </ul>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/user/serviceShowInit">服务</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/newShowInit">公告</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/contactInit">联系</a></li>
                    </ul>
                </nav>
            </div>
            <div id="mobile-menu-wrap"></div>
        </div>
    </div>
</header>
<!-- Header End -->

<!-- Hero Section Begin -->
<section class="hero-section set-bg" data-setbg="${pageContext.request.contextPath}/static/img/services-bg.jpg">
    <div class="hero-text">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1>公告</h1>
                </div>
            </div>
            <div class="page-nav">
                <a href="${pageContext.request.contextPath}/user/homeShowInit" class="left-nav"><i class="lnr lnr-arrow-left"></i> 房间</a>
                <a href="${pageContext.request.contextPath}/user/contactInit" class="right-nav">联系我们 <i class="lnr lnr-arrow-right"></i></a>
            </div>
        </div>
    </div>
</section>
<!-- Hero Section End -->

<!-- Blog Section Begin -->
<section class="blog-section spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 order-2 order-lg-1">
                <div class="side-bar">
                    <div class="categories-item">
                        <h4>类别</h4>
                        <div class="categories-list">
                            <ul>
                                <li>分类目录 <span>1</span></li>
                                <li>附近 <span>9</span></li>
                                <li>假期 <span>4</span></li>
                                <li>事件 <span>2</span></li>
                                <li>新闻 <span>13</span></li>
                                <li>餐厅 <span>8</span></li>
                                <li>健康护理<span>11</span></li>
                                <li>未分类 <span>47</span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="recent-post">
                        <h4>最近的帖子</h4>
                        <div class="single-recent-post">
                            <div class="recent-pic">
                                <img src="img/blog/recent-1.jpg" alt="">
                            </div>
                            <div class="recent-text">
                                <h5>看看最近有什么?</h5>
                                <div class="recent-time">
                                    <i class="fa fa-clock-o"></i>
                                    <span>22 9, 2018</span>
                                </div>
                            </div>
                        </div>
                        <div class="single-recent-post">
                            <div class="recent-pic">
                                <img src="${pageContext.request.contextPath}/static/img/blog/recent-2.jpg" alt="">
                            </div>
                            <div class="recent-text">
                                <h5>美味的食肴</h5>
                                <div class="recent-time">
                                    <i class="fa fa-clock-o"></i>
                                    <span>6 6, 2020</span>
                                </div>
                            </div>
                        </div>
                        <div class="single-recent-post">
                            <div class="recent-pic">
                                <img src="${pageContext.request.contextPath}/static/img/blog/recent-3.jpg" alt="">
                            </div>
                            <div class="recent-text">
                                <h5>婚姻的殿堂</h5>
                                <div class="recent-time">
                                    <i class="fa fa-clock-o"></i>
                                    <span>20 5, 2020</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tags-item">
                        <h4>Tags</h4>
                        <div class="tag-links">
                            <a href="#">hotel</a>
                            <a href="#">theme</a>
                            <a href="#">wordpress</a>
                            <a href="#">booking</a>
                            <a href="#">booking</a>
                            <a href="#">accommodation</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 order-1 order-lg-2">
                <div class="blog-post">
                    <div class="single-blog-post">
                        <div class="blog-pic">
                            <img src="${pageContext.request.contextPath}/static/img/blog/blog-1.jpg" alt="">
                        </div>
                        <div class="blog-text">
                            <h4>假期前应该知道的事.</h4>
                            <div class="blog-widget">
                                <div class="blog-info">
                                    <i class="lnr lnr-user"></i>
                                    <span>管理员</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/clock.png" alt="">
                                    <span>10 9, 2020</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/speech.png" alt="">
                                    <span>4 条评论</span>
                                </div>
                                <div class="blog-info">
                                    <i class="fa fa-folder-o"></i>
                                    <span>类别</span>
                                </div>
                            </div>
                            <p>阿拉伯塔酒店（Burj Al Arab），因外形酷似船帆，又称迪拜帆船酒店，位于阿联酋迪拜海湾，以金碧辉煌、奢华无比著称.酒店建在离沙滩岸边280米远的波斯湾内的人工岛上，仅由一条弯曲的道路连接陆地，酒店共有56层，321米高，酒店的顶部设有一个由建筑的边缘伸出的悬臂梁结构的停机坪. ...</p>
                            <a href="https://baike.baidu.com/item/%E9%98%BF%E6%8B%89%E4%BC%AF%E5%A1%94%E9%85%92%E5%BA%97/1698825?fromtitle=%E8%BF%AA%E6%8B%9C%E5%B8%86%E8%88%B9%E9%85%92%E5%BA%97&fromid=2035170&fr=aladdin">继续查看... <i class="lnr lnr-arrow-right"></i></a>
                        </div>
                    </div>
                    <div class="single-blog-post">
                        <div class="blog-pic">
                            <img src="${pageContext.request.contextPath}/static/img/blog/blog-2.jpg" alt="">
                        </div>
                        <div class="blog-text">
                            <h4>HOTEL现在有一家新的咖啡厅隆重开业.</h4>
                            <div class="blog-widget">
                                <div class="blog-info">
                                    <i class="lnr lnr-user"></i>
                                    <span>管理员</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/clock.png" alt="">
                                    <span>26 8, 2020</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/speech.png" alt="">
                                    <span>20 条评论</span>
                                </div>
                                <div class="blog-info">
                                    <i class="fa fa-folder-o"></i>
                                    <span>类别</span>
                                </div>
                            </div>
                            <p>“咖啡”一词源自阿拉伯语“قهوة”，意思是“植物饮料”。在世界各地，人们越来越爱喝咖啡。随之而来的“咖啡文化”充满生活的每个时刻。无论在家里、还是在办公室、或是各种社交场合，人们都在品着咖啡、它逐渐与时尚、现代生活、工作和休闲娱乐联系在一起 ...</p>
                            <a href="https://www.starbucks.com.cn/">继续查看... <i class="lnr lnr-arrow-right"></i></a>
                        </div>
                    </div>
                    <div class="single-blog-post">
                        <div class="blog-pic">
                            <img src="${pageContext.request.contextPath}/static/img/blog/blog-3.jpg" alt="">
                        </div>
                        <div class="blog-text">
                            <h4>酒店全面大升级</h4>
                            <div class="blog-widget">
                                <div class="blog-info">
                                    <i class="lnr lnr-user"></i>
                                    <span>管理员</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/clock.png" alt="">
                                    <span>28 7, 2020</span>
                                </div>
                                <div class="blog-info">
                                    <img src="${pageContext.request.contextPath}/static/img/speech.png" alt="">
                                    <span>9 条评论</span>
                                </div>
                                <div class="blog-info">
                                    <i class="fa fa-folder-o"></i>
                                    <span>类别</span>
                                </div>
                            </div>
                            <p>崇尚自然、原汁、原味，注重手工工艺而拒绝同质的精神，并结合东南亚民族岛屿特色及精致文化品位相结合的设计。颇为符合时下人们追求健康环保、人性化以及个性化的价值理念。

                                此外还有古希腊罗马等古典主义风格酒店形式，罗马三大柱式直到今天依然被认为欧陆经典的装饰元素之一。无论是选用中式酒店设计风格还是欧式风格，也无论是度假酒店设计还是商务酒店装修，设计都必须人性化和全面化，因为酒店是一个容纳来自不同层次和领域的人的综合性场所。只有设计合理，才能释放更多的能量，赢得更多回头客 ...</p>
                            <a href="https://www.thetemplehousehotel.com/sc/default">查看更多<i class="lnr lnr-arrow-right"></i></a>
                        </div>
                    </div>
                    <div class="blog-pagination">
                        <a class="active" href="#">1</a>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <a href="#">5</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Blog Section End -->

<!-- Footer Section Begin -->
<footer class="footer-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="footer-logo">
                    <a href="#"><img src="${pageContext.request.contextPath}/static/img/logo.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="row pb-50">
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>地址</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-map-marker"></i>
                        <p>四川省, <br />成都市</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>前台</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82879625</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>接车服务</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82823625</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>餐厅</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82823825</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container">
            <div class="copyright-text"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright &copy;<script>document.write(new Date().getFullYear());</script>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></div>
            <div class="privacy-links">
                <a href="#">隐私政策</a>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Section End -->

<!-- Js Plugins -->
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery-3.3.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.magnific-popup.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.nice-select.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.slicknav.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/owl.carousel.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/main.js"></script>
</body>

</html>
